/**index.scss**/
page {
    height: 100vh;
    display: flex;
    flex-direction: column;
}
.scrollarea {
    flex: 1;
    overflow-y: hidden;
}
.resultView {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.startPicker {
    width: 100%;
    margin: 0px;
}
.pickerEle {
    width: 100%;
    display: flex;
    justify-content: center;
}
.birthdayView {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 40%;
}
.dayNumberView {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    align-items: center;
}
.dayView {
    display: flex;
    flex-direction: column;
}
.monthNumberView {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    align-items: center;
}
.monthView {
    display: flex;
    flex-direction: column;
}
.yearView {
    display: flex;
    flex-direction: column;
}
.yearNumberView {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 116%;
    align-items: center;
}
.yearHundredNumberView {
    display: flex;
}
.yearNumNumberView {
    display: flex;
}
.yearTextView {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 116%;
    align-items: center;
}
.IJKLView {
    display: flex;
    justify-content: space-between;
    width: 23%;
    flex-direction: row;
    align-items: center;
    align-content: center;
    margin-bottom: 30rpx;
}
.MNView {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 12%;
    align-items: center;
    margin-bottom: 10rpx;
}
.UOXView {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin-bottom: 10rpx;
}
.UViewGroup {
    display: flex;
    width: 25%;
    justify-content: space-between;
}
.UEqualTGroup {
    display: flex;
    justify-content: flex-end;
    width: 75%;
}
.XViewGroup {
    display: flex;
    width: 25%;
    justify-content: space-between;
}
.XEqualWGroup {
    display: flex;
    justify-content: flex-start;
    width: 75%;
}
.RQPView {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin-bottom: 30rpx;
}
.QPView {
    display: flex;
    flex-direction: row;
    width: 10%;
    align-items: center;
    justify-content: space-between;
}
.inputView {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.OText {
    color: rgb(255, 51, 0);
}
.CalcText {
    font-weight: bolder;
}
.fourLineView,
.thirdLineView,
.secondLineView,
.firstLineView {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.unionNumberView {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 160rpx;
    .twelveNumbersView {
        justify-content: space-around;
        width: 40%;
        .numberGapView {
            padding-bottom: 10rpx;
        }
        .numberWidth {
            width: 16%;
        }
    }
}
